<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- Bootstrap -->
        <link href="http://localhost/projects/ys/test/test_codeigniter/assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
        <style>
            body{
                padding-top:60px;
            }
        </style>
        <link href="http://localhost/projects/ys/test/test_codeigniter/assets/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">

    </head>
    <body>
        
        <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">YS Social</a>
                </div>
            </div>
        </nav>
        
        <div class="container">
            <div class="row-fluid">
